<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="../boo/js/jquery-3.1.1.min.js"></script>
		<script src="../boo/js/bootstrap.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../boo/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/style3.css"/>
		<title></title>
	</head>
	<body>
		<nav>
			<img src="../img/301.png" />
			<div>
				<img src="../img/303.png" />用户QQ账户登录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<img src="../img/304.png" />购物车&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<img src="../img/305.png" />客服咨询<span class="glyphicon glyphicon-chevron-right"></span>&nbsp;&nbsp;
				<img src="../img/306.png" />微信商城<span class="glyphicon glyphicon-chevron-right"></span>&nbsp;&nbsp;
			</div>
		</nav>
		<header>
			<ul class="ull">
				<li class="lii">
					<a href="#">bootstrap页面</a>
					<ul class="uu">
						<li>新手指导</li>
						<li>资料库</li>
						<li>攻略中心</li>
						<li>模拟实验室</li>
						<li>海战斯战略品库</li>
						<li>屏保下载</li>
					</ul>
				</li>
				<li class="lii">
					<a href="youxiziliao.html">游戏资料</a>
					<ul class="uu">
						<li>新手指导</li>
						<li>资料库</li>
						<li>攻略中心</li>
						<li>模拟实验室</li>
					</ul>
				</li>
				<li class="lii">
					<a href="zhoubianshangcheng.html">周边商城</a>
					<ul class="uu">
						<li>新手指导</li>
						<li>资料库</li>
						<li>攻略中心</li>
						<li>模拟实验室</li>
						<li>海战斯战略品库</li>
						<li>屏保下载</li>
					</ul>
				</li>
				<li class="lii">
					<a href="#">用户互动</a>
					<ul class="uu">
						<li>新手指导</li>
						<li>资料库</li>
						<li>攻略中心</li>
					</ul>
				</li>
				<li class="lii">
					<a href="#">赛事中心</a>
					<ul class="uu">
						<li>新手指导</li>
						<li>资料库</li>
						<li>攻略中心</li>
						<li>新手指导</li>
						<li>资料库</li>
						<li>攻略中心</li>
					</ul>
				</li>
				<li class="lii">
					<a href="#">自动系统</a>
					<ul class="uu">
						<li>新手指导</li>
						<li>资料库</li>
						<li>攻略中心</li>
						<li>模拟实验室</li>
						<li>海战斯战略品库</li>
						<li>屏保下载</li>
					</ul>
				</li>
				<li class="lii">
					<a href="../index.html">个人中心</a>
					<ul class="uu">
						<li>新手指导</li>
						<li>资料库</li>
						<li>攻略中心</li>
					</ul>
				</li>
			</ul>
		</header>
		<aside></aside>
		<!--2-->
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			  <!-- Indicators -->
			  <ol class="carousel-indicators">
			    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
			  </ol>
			
			  <!-- Wrapper for slides -->
			  <div class="carousel-inner" role="listbox">
			    <div class="item active">
			      <img src="../img/banner1.png" alt="..." style="width: 100%;">
			      <div class="carousel-caption">
			        ...
			      </div>
			    </div>
			    <div class="item">
			       <img src="../img/banner2.png" alt="..."style="width: 100%;">
			      <div class="carousel-caption">
			        ...
			      </div>
			    </div>
			     <div class="item">
			       <img src="../img/banner4.png" alt="..."style="width: 100%;">
			      <div class="carousel-caption">
			        ...
			      </div>
			    </div>
			    ...
			  </div>
			
			  <!-- Controls -->
			  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
			    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			    <span class="sr-only">Previous</span>
			  </a>
			  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
			    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			    <span class="sr-only">Next</span>
			  </a>
			</div>
			<!--4-->
			<div class="dd-1">
				<div><img src="../img/3077.png"/><p>星之守护者迷着套装</p></div>
				<div><img src="../img/308.png"/><p>五杀乐队  第二部专辑</p></div>
				<div><img src="../img/3099.png"/><p>五杀乐队配件套装</p></div>
				<div><img src="../img/310.png"/><p>视频集锦</p></div>
			</div>
			<!--5-->
			<div class="dd-2">
				<div><img src="../img/330.png" /><span>7天无理由退款</span></div>
				<div><img src="../img/331.png" /><span>100%官方正品</span></div>
				<div><img src="../img/332.png" /><span>全场满￥199元包邮</span></div>
			</div>
				
			<!--2-->
		<div class="box">
			<div class="foo">
				<div>
					<img src="../img/99.png" />
				</div>
				<div>
					<p></p>
					<p style="font-weight: bold;color: #000000;">英雄，我们在这里等你</p>
					<p>扫描下载 英雄联盟  官方app</p>
				</div>
			</div>
			
			<div class="foo2">
				<p></p>
				<p style="font-weight: bold;">温馨提示：本游戏适合18岁（含以上玩家娱乐）</p>
				<p>抵制不良游戏，拒绝盗版游戏，注意自我保护，谨防上当受骗，适度游戏益脑</p>
				<!--<p>沉迷游戏伤身，合理安排时间，享受健康生活</p>-->
			</div>
			
			<div class="foo3">
				<p></p>
					<div class="btn-group dropup">
					  <button type="button" class="btn btn-default">英雄联盟  官方合作媒体</button>
					  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					    <span class="caret"></span>
					    <span class="sr-only">Toggle Dropdown</span>
					  </button>
					  <ul class="dropdown-menu">
					    <!-- Dropdown menu links -->
					    <p>特玩</p>
					    <p>免玩</p>
					    <p>叶子猪</p>
					    <p>17173</p>
					    <p>英雄联盟大咖</p>
					    <p>木木不哭</p>
					    <p>要我玩</p>
					  </ul>
					</div>
			</div>
			</div>
			<footer>
				<div>
					<img src="../img/119.png" />
				</div>
				<div>
					<p></p>
					<p>腾讯互动娱乐  服务条款  广告服务  腾讯游戏招聘  腾讯游戏客服  游戏活动  游戏地图  商务合作  腾讯网   网站导航</p>
					<p>COPYRIHT @ 1998-2017 TENCENT ALL RIGHTS RESVIVED</p>
				</div>
			</footer>
	</body>
	<script>
		$(function(){
			$("header").hover(function(){
				$("aside").stop().slideToggle();
			})
			$(".lii").hover(function(){
				$(this).find(".uu").stop().slideToggle()
			},function(){
				$(this).find(".uu").stop().slideToggle()
			})
		})
	</script>
</html>
